.stroy{
		width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.head {
  width: 100%;
  height: 0.87rem;
  display: flex;
  justify-content: center;
  position: relative; }
  .head .middleHead {
    width: 100%;
    height: 0.2rem;
    margin-top: 0.15rem;
    display: flex;
    justify-content: space-between; }
    .head .middleHead .icon-chakantiezigengduo {
      font-size: 0.2rem;
      color: #28354c;
      padding-left: 0.16rem; }
    .head .middleHead .headWord {
      width: 0.65rem;
      height: 0.2rem;
      padding-left: 0.2rem; }
    .head .middleHead .shoppingIcon {
      width: 0.65rem;
      height: 0.2rem;
      display: flex;
      justify-content: space-between;
      padding-right: 0.16rem; }
      .head .middleHead .shoppingIcon .icon-gouwuche {
        font-size: 0.2rem;
        color: #28354c; }
      .head .middleHead .shoppingIcon .icon-icon {
        font-size: 0.2rem;
        color: #28354c; }
  .head .nav {
    width: 100%;
    height: 0.38rem;
    position: absolute;
    bottom: 0rem;
    box-sizing: border-box; }
    .head .nav .middleNav {
      width: 74.93333%;
      height: 0.37rem;
      text-align: center;
      margin: 0 auto; }
      .head .nav .middleNav .navUl {
        display: flex;
        justify-content: space-between;
        height: 0.37rem; }
        .head .nav .middleNav .navUl .navLi01 {
          font-size: 0.15rem;
          color: #83889a;
          float: left;
          line-height: 0.37rem; }
        .head .nav .middleNav .navUl .navLi02 {
          font-size: 0.15rem;
          color: #c69e58;
          float: left;
          line-height: 0.37rem; }
          .head .nav .middleNav .navUl .navLi02 .border {
            background: #c69e58;
            width: 0.16rem;
            height: 0.02rem;
            text-align: center;
            margin-left: 0.07rem; }
    .head .nav .navLine {
      width: 100%;
      height: 1px;
      display: block; }


.content{
	    flex: 1;
    overflow-x: hidden;
    overflow-y: auto;
}
.stroyList {
  width: 93.6%;
  margin: 0 auto;
  padding: 0.12rem;
  background: #FFFFFF;
  box-sizing: border-box; }
  .stroyList .stroyCont {
    width: 100%;
    height: 2.34156rem;
    display: block;
    margin-bottom: 0.15rem;
    padding-bottom: 0.15rem;
    border-bottom: 1px solid #ebecf1; }
    .stroyList .stroyCont .storyPW {
      width: 100%;
      height: 1.5716rem;
      position: relative; }
      .stroyList .stroyCont .storyPW .img {
        display: block;
        width: 100%;
        height: 1.5716rem; }
      .stroyList .stroyCont .storyPW .span {
        position: absolute;
        bottom: 0.08rem;
        left: 0.08rem;
        width: 0.565rem;
        height: 0.15rem;
        background: #c69e58;
        color: #fff;
        font-size: 0.07rem;
        line-height: 0.15rem;
        border-radius: 3px; }
        .stroyList .stroyCont .storyPW .span .icon-yanjing {
          font-size: 0.10rem;
          color: #fff;
          float: left;
          padding-right: 0.05rem;
          padding-left: 0.05rem;
          line-height: 0.15rem; }
    .stroyList .stroyCont .title {
      font-size: 0.17rem;
      margin-top: 0.16rem;
      margin-bottom: 0.12rem; }
    .stroyList .stroyCont .smallTit {
      font-size: 0.13rem;
      color: #83889a;
      line-height: 0.21rem; }

.noMore {
  width: 100%;
  height: 0.22rem;
  padding-top: 0.1rem;
  padding-bottom: 0.1rem;
  background: #eee;
  text-align: center;
  color: #666;
  font-size: 0.14rem; }
